body{
    /*背景复合属性: 路径地址：相对路径+图片全称*/
	background: url(../img/bj.jpg) no-repeat;
	/*背景图尺寸属性：数值px|%    宽度 X   高度 Y*/
	background-size: 101% 792px;
}
h1{
	/*文字放大*/
	font-size: 60px;
	/*文本字体：华文彩云*/
	font-family: "华文彩云";
	/*文本加粗:100~900*/
	font-weight: 900;
	/*文本阴影:X  Y  模糊尺寸  颜色*/
	text-shadow: 5px 5px 10px #ff0;
	/*字体颜色*/
	color: #00aa00;
	/*透明度:0~1*/
	opacity: .8;
}
#pig{
	width: 150px;
	height: 150px;
	bor der: 1px solid red;
	background: url(../img/pig.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 481px;
	left: 73px;
	animation: pig 6s linear infinite;
}
#adai{
	width: 150px;
	height: 150px;
	bor der: 1px solid red;
	background: url(../img/adai.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 328px;
	left: 800px;
	animation: adai 5s linear infinite;
}

#fj{
	width: 130px;
	height: 150px;
	bor der: 1px solid red;
	background: url(../img/fj.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 177px;
	left: 220px;
	animation: fj 20s linear infinite;

}
#orange{
	width: 150px;
	height: 150px;
	bor der: 1px solid red;
	background: url(../img/orange.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -244px;
	left: 114px;
	animation: orange 3s linear infinite;
}
#liugou{
	width: 200px;
	height: 200px;
	bor der: 1px solid red;
	background: url(../img/liugou.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -141px;
	left: 457px;
	animation: liugou 20s linear infinite;
}
#daizi{
	width: 150px;
	height: 150px;
	bor der: 1px solid red;
	background: url(../img/daizi.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -317px;
	left: 1139px;
	animation: daizi 20s linear infinite;
}

@keyframes pig{
	0%{
		/*第一组动画：必须熊原始位置*/
		background: url(../img/pig.png) no-repeat;
		/*背景尺寸*/
		background-size: 100% 100%;
		top: 481px;
		left: 73px;
		transform: rotate(360deg) scale(.2);
	}
	40%{
		background: url(../img/pig.png) no-repeat;
		background-size: 100% 100%;
		top: 108px;
		left: 73px;
		transform: rotate(360deg) scale(1);
	}
	100%{
		background: url(../img/pig.png) no-repeat;
		background-size: 100% 100%;
		top: 110px;
		left: 365px;
		transform: rotate(360deg) scale(1);
	}
	}
@keyframes adai{
	0%{
		/*第一组动画：必须熊原始位置*/
		background: url(../img/adai.png) no-repeat;
		/*背景尺寸*/
		background-size: 100% 100%;
		top: 328px;
		left: 800px;
		transform: rotate(360deg) scale(.9);
	}
	
	100%{
		background: url(../img/adai.png) no-repeat;
		background-size: 100% 100%;
		top: 328px;
		left: 685px;
		transform: rotate(360deg) scale(1);
	
}
}

@keyframes orange{
	0%{
		/*第一组动画：必须熊原始位置*/
		background: url(../img/orange.png) no-repeat;
		/*背景尺寸*/
		background-size: 100% 100%;
		top: -244px;
		left: 114px;
		transform: rotate(360deg) scale(.9);
	}
	
	100%{
		background: url(../img/orange.png) no-repeat;
		background-size: 100% 100%;
		top: -511px;
		left: 231px;
		transform: rotate(360deg) scale(1);
	
}
